<div id="sync-test-dialog" class="sync-test-dialog" style="overflow-y:auto;display:none;">
 <#list tokens as tk>
 <span style='display: none;' class='token' clientCode='${tk.key}' callname='${tk.name}' skCode='${tk.id}'></span>
 </#list>
	<style>
		.sync-test-dialog-title {
			font-size: 14px !important;
			color: #666666 !important;
			float: none !important;
		}

		.sync-test-dialog-cancle-btn:hover {
			border: 1px solid #337BFF !important;
			color: #337BFF !important;
		}

		#sync-test-dialog .sync-test-title-line {
			height: 28px;
			line-height: 28px;
			font-size: 14px;
			color: #333333;
		}
		#sync-test-dialog .sync-test-content {
			padding-top: 0;
			padding-left: 30px;
		}

		#sync-test-dialog .sync-test-content-label {
			width: 50px;
			color: #666666 !important;
		}

		#sync-test-dialog .select-secret .sync-test-table {
			border-collapse: separate;
			table-layout: fixed;
			/*word-wrap: break-word;*/
			border-spacing: 0 11px;
		}
		#sync-test-dialog .select-secret td {
			height: 28px;
			line-height: 28px;
			padding: 0 8px;
		}

		.tempo-tag {
			background-color: rgba(64,158,255,.1);
			display: inline-block;
			padding: 0 10px;
			height: 22px;
			line-height: 22px;
			font-size: 12px;
			color: #409eff;
			border-radius: 2px;
			box-sizing: border-box;
			border: 1px solid rgba(64,158,255,.2);
			border-top-color: rgba(64, 158, 255, 0.2);
			border-right-color: rgba(64, 158, 255, 0.2);
			border-bottom-color: rgba(64, 158, 255, 0.2);
			border-left-color: rgba(64, 158, 255, 0.2);
			white-space: nowrap;
		}

		.sync-test-table-style td{
			text-overflow: ellipsis;
			overflow: hidden ;
			white-space: nowrap ;
		}
	</style>
	<form id="tempo-mine-flow-service-test"  onsubmit="return false;">
		<input type="hidden" name='serviceAddress' value="${service.remoteHost}:${service.remotePort}" />
		<!--选择证书-->
		<div class="select-secret" id="select-secret">
			<div class="sync-test-title-line">
				<!--选择证书title-->
				<span><@spring.message "mine.dyxtxz"/></span>
			</div>
			<table class="formLayout sync-test-content sync-test-table">
				<tbody>
				<tr>
					<td class="sync-test-content-label">
						<label for="clientCode"><@spring.message "mine.kehubiaoshi"/></label>
					</td>
					<td style="width: 270px">
						<input type="text" value="${token.key}"
							   name='sync-test-data-clientcode' style="display:none" readonly></input>
						<select id="selectCode"> </select>
					</td>
					<td  class="sync-test-content-label" style="padding-left: 40px">
						<label ><@spring.message "mine.clientName"/></label>
					</td>
					<td>
						<input name="sync-test-data-callname" type="hidden" value="${token.name}"></input>
						<span name="sync-test-data-callname" style="color: #666666;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; width: 184px; height: 28px" title="${token.name}">${token.name}</span>
					</td>
				</tr>
				<tr style="display: none;">
					<td class="">
						<label for="skCode"><@spring.message "mine.shouquanma"/></label>
					</td>
					<td>
						<input ui-role="validatebox" style="width:250px" ui-options="width:250, readonly:true"
							   name='sync-test-data-skcode' value="${token.id}" readonly></input>
					</td>
				</tr>
				</tbody>
			</table>
		</div>

		<fieldset class="tempo-fieldset" style="display: none">
			<legend><@spring.message "mine.jsonshili"/></legend>
			<textarea type="text" id="mine-flow-json-area" name="mine-flow-json-area" ui-role="validatebox"
					  style="width:100%;height:110px; resize: none;"
					  ui-options="autofill:false,readonly: true"
					  style="resize:none;" readonly class="areaheight width350 new_project_ipt" name="descr">
					{
					  "rows": [
						{
					<#list columns as col>
						"${col.label}": "1",
					</#list>
						}
					  ]
					}
			</textarea>
		</fieldset>
		<input type='hidden' name="sync-test-data-name" value="${name}">

		<!--测试-->
		<div class="sync-flow-test" id="sync-flow-test" style="padding-top: 15px">
			<div class="sync-test-title-line">
				<!--选择证书title-->
				<span><@spring.message "mine.test"/></span>
				<a href="javascript:;void(0)" id="mine-flow-btn-test" class="mine-opter-btn mine-opter-grid-btn" style="float: right"></a>
			</div>
			<div class="sync-test-content" style="padding-top: 11px; height: 290px;">
				<table class="formLayout test-data-form" style="width:100%; height: 100%">
					<tbody style="height: 100%">
						<tr style="height: 100%">
							<td style="width: 58%; height: 100%">
								<div style="overflow-x: hidden; overflow-y:auto; height: 100%">
									<table style="width: 100%" class="sync-test-table-style">
										<tr>
											<td style="text-align:left" ><@spring.message "mine.filedname"/></td>
											<td style="text-align:left" ><@spring.message "mine.filedtype"/></td>
											<td style="text-align:left" ><@spring.message "mine.shuruzhi"/></td>
										</tr>
										<#list columns as col>
											<tr>
												<td style="text-align:left"  class="formLayoutTit">
													<label class='input-column' title=${col.label}>${col.label}</label>
												</td>
												<td style="text-align:left">
													<#if col.type == 'DOUBLE'>
														<@spring.message "mine.number"/>
													<#elseif col.type == 'DECIMAL'>
														<@spring.message "mine.number"/>
													<#elseif col.type == 'LONG'>
														<@spring.message "mine.changzhengxing"/>
													<#elseif col.type == 'INT'>
														<@spring.message "mine.zhengxing"/>
													<#elseif col.type == 'FLOAT'>
														<@spring.message "mine.fudian"/>
													<#elseif col.type == 'TIMESTAMP'>
														<@spring.message "mine.date"/>
													<#elseif col.type == 'DATETIME'>
														<@spring.message "mine.date"/>
													<#else>
														<@spring.message "mine.character"/>
													</#if>
												</td>
												<td style="text-align:left" >
													<input id="${col.name}" name="${col.name}" ui-role="validatebox"
														   style="width:152px" ui-options="required:true, validator: true" value="${col.role}" ></input>
													<script>
														document.getElementById("${col.name}").value="${col.role}";
													</script>
												</td>
											</tr>
										</#list>
									</table>
								</div>
							</td>
							<td style="text-align:left;vertical-align:bottom;width:38%;padding-top: 15px; height: 100%">
								<textarea class="mine-flow-test-result" ui-role="validatebox" ui-options="autofill:false,readonly: true"
										  style="width:100%;height:100%;line-height:16px;font-size:12px; resize: none;background-color: #ffffff;padding: 10px">
								</textarea>
								<br>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</form>
 </div>